<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>小蜗</title>
		<link rel="stylesheet" href="dist/css/bootstrap.min.css">
		<script src="dist/js/jquery.min.js"></script>
		<script src="dist/js/bootstrap.min.js"></script>
		<!-- 引入这些文件至 <head> 中 -->
		<link rel="stylesheet" href="dist/css/responsive-nav.css">
		<link rel="stylesheet" href="dist/css/style.css">
		<script src="dist/js/responsive-nav.js"></script>
		<script src="dist/js/dropdown.js"></script>
	</head>

	<body>
		<!-- Login Modal -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">输入信息</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<label for="inputEmail3" class="col-sm-3 control-label">用户名</label>
							<div class="col-sm-8 inputtext">
								<input type="email" class="form-control" id="inputEmail3" placeholder="name">
							</div>

							<label for="inputPassword3" class="col-sm-3 control-label">密码</label>
							<div class="col-sm-8 inputtext">
								<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
							</div>

							<div class="col-sm-offset-3 col-sm-8">
								<div class="checkbox">
									<label>
										<input type="checkbox"> 记住我的登录信息
									</label>
								</div>
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Login</button>
					</div>
				</div>
			</div>
		</div>

		<nav class="navbar navbar-default">
			<div class="container">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">小蜗</a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="index.html">广场 <span class="sr-only">(current)</span></a></li>
							<li class="active"><a href="#">关于</a></li>
						</ul>
						<form class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="请输入内容">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						</form>
						<ul class="nav navbar-nav navbar-right">
							<li data-toggle="modal" data-target="#myModal"><a href="#">登陆</a></li>
						</ul>
					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container-fluid -->
			</div>
		</nav>

		<div id="search" class="container">
			<div class="page-header">
				<h1>小蜗 <small>产品简介</small></h1>
			</div>



			<div class="main">
				<h3>项目简介</h3>
				<p>本项目是一套定位于企事业单位的私有云文档解决方案。</p>
				<p>拟将1.0版本在西南大学计算机与信息科学学院 软件学院进行为期4个月的试运行。</p>
				<h3>启动时间</h3>
				<p>项目启动于2015年9月1日</p>
				<h3>版本特性</h3>
				<p>1.0正式版  文档在线浏览、搜索、后台登陆。<p>
				<p>兼容IE8及以上版本浏览器，自适应移动设备。</p>
				<h3>开发团队</h3>
				<p>闫兴茂 后台开发</p>
				<p>董文博 前端开发</p>
			</div>
		</div>

		<footer id="footer">
			<div class="footertext">
				<p>渝ICP备00000000号 渝ICP证000000号 人才服务许可证:RC000000 京公网安备11010502026763</p>
				<p>Copyright©2015 youngworms.com All Rights Reserved</p>
			</div>
		</footer>

		<script>
			$(document).ready(function() {
				$('#search').css({
					"min-height": $(window).height() - 182
				});
				$(window).resize(function() { //当浏览器大小变化时
					$('#search').css({
						"min-height": $(window).height() - 182
					});
				});
			}); //固定页脚在浏览器底部
			var navigation = responsiveNav(".collapse", { // Selector: The ID of the wrapper
				animate: true, // Boolean: 是否启动CSS过渡效果（transitions）， true 或 false
				transition: 400, // Integer: 过渡效果的执行速度，以毫秒（millisecond）为单位
				label: '', // String: Label for the navigation toggle
				insert: "after", // String: Insert the toggle before or after the navigation
				customToggle: ".collapsed", // Selector: Specify the ID of a custom toggle
				openPos: "relative", // String: Position of the opened nav, relative or static
				jsClass: "js", // String: 'JS enabled' class which is added to <html> el
				debug: false, // Boolean: Log debug messages to console, true 或 false
			});
			$('.dropdown-toggle').dropdown();
			$('.dropdown-university').children().on('click', function() {
				$('.btn-university').text($(this).text());
			})
			 $('.dropdown-school').children().on('click', function() {
				$('.btn-school').text($(this).text());
			})
			 $('.dropdown-major').children().on('click', function() {
				$('.btn-major').text($(this).text());
			})
		</script>

		<script src="jquery.cxselect.js"></script>
		<script>
			$.cxSelect.defaults.url = 'cityData.min.json';
			 //			$.cxSelect.defaults.nodata = 'none';		
			$('#city').cxSelect({
				url: 'cityData.min.json', // 提示：如果服务器不支持 .json 类型文件，请将文件改为 .js 文件 
				selects: ['province', 'city', 'area'],
			});
		</script>
	</body>

</html>